import React from 'react'
import { useSelector } from 'react-redux'
import './index.scss'
import { Flex } from 'antd'
export default function TagsCom({tags}) {
    const { colors } = useSelector(state => state.toggelStyle)
    return (
        <Flex gap='4px 0'>
            {tags.map((item, index) => <span className='tag' key={index}
                style={{ color: colors[index], borderColor: colors[index] }}>{item}</span>)}
        </Flex>
    )
}
